$dark_gray: #889aa4;
$light_gray: #eee;
.login-container {
  min-height: 100%;
  width: 100%;
  background-image: url("~@/assets/login_images/login-bg.png");
  background-size: 100% 100%;
}

.login-form {
  width: 3.5rem;
  height: 4.2rem;
  border-radius: 0.16rem;
  border: 1px solid #1485FE;
  background: transparent;
  margin-left: 7.5rem;

  &-img {
    width: 0.78rem;
    height: 0.67rem;
    margin-top: 0.32rem;
  }

  &-title {
    margin-top: 0.2rem;
    font-size: 0.24rem;
    font-weight: bold;
    background: linear-gradient(180deg, #f5fdff, #009aff 100%);
    -webkit-background-clip: text;
    color: transparent;
    white-space: nowrap;
  }

  .el-input {
    display: inline-block;

    input {
      border: 1px solid #1485FE;
      -webkit-appearance: none;
      border-radius: 0.1rem;
      padding: 0.12rem 0.05rem 0.12rem 0.15rem;
      height: 0.48rem;
      width: 2.86rem;
    }
  }

  &-btn {
    margin-top: 0.03rem;
    height: 0.46rem;
    width: 2.86rem;
    font-size: 0.165rem;
    font-weight: bold;
    border-radius: 0.1rem;
    text-align: center;
  }
}

.show-pwd {
  position: absolute;
  right: 0.1rem;
  top: 0.07rem;
  font-size: 0.16rem;
  color: $dark_gray;
  cursor: pointer;
  user-select: none;
}

